<%-- 
    Document   : testHovercard
    Created on : 25-nov-2012, 21:37:15
    Author     : froy
--%><%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script type='text/javascript' src='rs/js/jquery-1.8.2.min.js'></script>
        <script type='text/javascript' src='rs/js/jquery.hovercard.min.js'></script>
        <title>JSP Page</title>
    </head>
    <body>
        <h1>Hello World!</h1>
        <p>
            jQuery by <label id="demo-basic">John Resig</label> is a cross-browser JS library
            designed to simplify the client-side scripting of HTML. It was released 
            in January of 2006 at BarCamp NYC. Used by over 46% of the 10,000 most 
            visited websites, it's the most popular JavaScript library in use today.
        </p>
        <a href="http://designwithpc.com/Plugins/Hovercard">Documentación</a>
    </body>
</html>
<script 
    type="text/javascript">
        $(document).ready(function() {
            var hoverHTMLDemoBasic = '<p>' +
                    'John Resig is an application developer at Khan Academy. He was a ' +
                    'JavaScript tool developer for the Mozilla Corporation. He is also the' +
                    'creator and lead developer of the jQuery JavaScript library. < p > ';
            $("#demo-basic").hovercard({
                detailsHTML: hoverHTMLDemoBasic,
                width: 400,
                cardImgSrc: 'http://ejohn.org/files/short.sm.jpg'
            });
        });
</script>